@/* 框架顶部 */
<style>
    .layui-layout-admin .layui-header .layui-nav-item .layui-icon{
        font-weight: bold !important;
        color: #333333 !important;
    }
    .header-logo{
        float:left;
        padding-left: 22px;
        padding-right: 7px;
        display: flex;
        height: 100%;
        align-items: center;
    }
    .infor>.layui-nav-more{
        border-width:0px;
    }
    .layui-icon-notice{
        position: relative;
    }
    .layui-icon-notice>span{
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: red;
        position: absolute;
        top:0;
        right: 0;
        z-index: 10;
    }
    .layui-nav-child{
        border: none;
        padding: 0;
    }
    .layui-nav-child>dd:first-of-type{
        margin-top: 5px;
    }
    .layui-nav-child>dd:last-of-type{
        margin-bottom: 5px;
    }
    .layui-logo{
        position: relative;
    }
    .layui-logo>li{
        position: absolute;
        top:0;
        right: -50px;
    }
    .al-center{
        margin-top: 2px;
    }
</style>
<div class="layui-header">
    <div class="layui-logo" style="background-color: #222d32;">
        <cite style="font-size:25px;">数据服务平台</cite>
    </div>

    <ul class="layui-nav layui-layout-left" style="margin-top: 1px;">
        @if(tool.isNotEmpty(systemTypes)){
        @for(type in systemTypes) {
        @if(typeLP.index == 1){
        <li class="layui-nav-item layui-hide-xs layui-this" lay-unselect >
            <a nav-bind="${type.code}" style="padding: 0 30px 5px;">
                ${type.name}
            </a>
        </li>
        @}else{
        <li class="layui-nav-item layui-hide-xs" lay-unselect  >
            <a nav-bind="${type.code}" style="padding: 0 30px 5px;">
                ${type.name}
            </a>
        </li>
        @}
        @}
        @}

    </ul>
    <ul class="layui-nav layui-layout-right">

    </ul>
</div>
